.course {
	display: flex;
	flex-direction: column;
	height: 100vh;

	main {
		width: 100%;
		height: 1px;
		flex-grow: 1;
		overflow-y: auto;

		// 最新课程
		.new-course {
			box-sizing: border-box;
			padding: 0 15px;

			h3 {
				line-height: 2em;
			}

			a {
				display: block;
				width: 100%;
				height: 100%;
				overflow: hidden;
				box-shadow: 0 0 10px #6c6c6c;
				border-radius: 20px;

				// 封面图
				img {
					width: 100%;
				}

				// 课程标题
				h4 {
					text-indent: 1rem;
				}

				// 课程介绍
				p {
					text-indent: 1rem;
					font-size: 14px;
					color: #9a9a9a;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}

		// 课程列表
		.course-list {
			box-sizing: border-box;
			padding: 0 15px;
			margin-top: 20px;

			// 标题
			h3 {
				line-height: 2em;
			}

			// 列表
			li {
				margin-bottom: 15px;
				position: relative;
				width: 100%;
				height: 200px;
				border-radius: 20px;
				box-shadow: 0 0 10px #9a9a9a;
				overflow: hidden;

				// 图片
				img {
					max-width: 100%;
				}

				// 课程标题
				.title {
					position: absolute;
					left: 20px;
					bottom: 40px;
					color: #fff;
					font-size: 18px;
					font-weight: bolder;
				}

				// 课程介绍
				.introduce {
					position: absolute;
					left: 10px;
					bottom: 10px;
					color: #fff;
					font-size: 13px;
				}
			}

			li:first-child {
				height: 150px;
			}
		}
	}
}
